*{
	box-sizing: border-box;
}
.swiper-container {
		    width: 100vw;
		    height: 100vh;
		}  
.page1{
	
	width: 100vw;
	height: 100vh;
	background: url(../img/bg1.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
	
}
.music{
	width: 9.33vw;
	height: 9.33vw;
	position: absolute;
	right: 7.87vw;
	top: 15.33vw;
	background: url(../img/audio.png) no-repeat center/cover;
	background-size: cover;
	animation:music 2s linear infinite ;
}
@keyframes music{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}

.title{
	/* width: 81.87vw;
	height: 29.6vw; */
	/* background: orangered; */
	position: absolute;
	left: 10.27vw;
	top: 24.13vw;
	font-size: 80px;
	line-height: 7vm;
	color: #FFFFFF;
}
.show{
	width: 25.2vw;
	height: 3.87vw;
	/* background: orangered; */
	position: absolute;
	left: 10.4vw;
	top: 59.07vw;
	font-size: 20px;
	color: white;
}
.name{
	width: 16.13vw;
	height: 5.07vw;
	/* background: orangered; */
	position: absolute;
	right: 9.2vw;
	top: 58.4vw;
	font-size: 20px;
	color: white;
}
.ename{
	width: 80.13vw;
	height: 2.67vw;
	/* background: orangered; */
	position: absolute;
	left: 10.67vw;
	bottom: 11.47vw;
	font-size: 18px;
	color: white;
	letter-spacing: 30px;
	z-index: 25;
}
.human{
	width:80vw; 
	position: absolute;
	left:10%;
	top: 45%;	
}

.page2{
	width: 100vw;
	height: 100vh;
	background: url(../img/bg2.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
}
.page2-title{
	width: 45.2vw;
	height: 22vw;
	background: url(../img/aboutme.png); 
	position: absolute;
	left: 8.8vw;
	top: 22.53vw;
	background-size: cover;
}
.page2-text{
	color: skyblue;
	line-height: 5vw;
}
.message{
	width: 82.4vw;
	height: 59.73vw;
	position: absolute;
	left: 8.8vw;
	top: 50.93vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.row{
	width: 100%;
	height: auto;
	overflow: hidden;
}
 .age{
	width: 32vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1vw;
	line-height: 8vw;
	color: #FFFFFF;
	padding-left: 8.4vw;
	position: relative;
	float: left;
}
.point::before{
	content: "";
	position: absolute;
	width: 1.33vw;
	height: 1.33vw;
	background: #ff1980;
	border-radius: 50%;
	left: 3.73vw;
	top: 3.33vw;
}
.state{
	width: 32vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1vw;
	line-height: 8vw;
	text-align: right;
	color: #FFFFFF;
	padding-right: 6vw;
	position: relative;
	float: right;
}
.major{
	width: 65.6vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1.33vw;
	color: #FFFFFF;
	margin-top: 4.13vw;
	line-height: 8vw;
	padding-left: 7.73vw;
	position: relative;
	float: left;
}
.tel{
	width: 65.6vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1.33vw;
	color: #FFFFFF;
	margin-top: 4.13vw;
	line-height: 8vw;
	padding-left: 7.73vw;
	position: relative;
	float: left;
}
.email{
	width: 65.6vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1.33vw;
	color: #FFFFFF;
	margin-top: 4.13vw;
	line-height: 8vw;
	padding-left: 7.73vw;
	position: relative;
	float: left;
}
.message1{
	width: 82.4vw;
	height: 49.07vw;
	position: absolute;
	left: 9vw;
	top: 114vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}

.page3{
	width: 100vw;
	height: 100vh;
	background: url(../img/bg2.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
}
.page3-title{
	width: 62.93vw;
	height: 22.13vw;
	background: url(../img/work.png); 
	position: absolute;
	left: 8.93vw;
	top: 22.4vw;
	background-size: cover;
}
.orange1{
	width: 82.4vw;
	height: 16.53vw;
	position: absolute;
	left: 9vw;
	top: 50.47vw;
	background: #ff845e;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.worktitlie1{
	
	color: #FFFFFF;
	position: absolute;
	font-size: 15px;
	top: 4vw;
	left: 3.6vw;
	
}
.worktitlie2{
	color: #FFFFFF;
	position: absolute;
	font-size: 15px;
	top: 10vw;
	left: 3.6vw;
}
.worktitlie3{
	color: #FFFFFF;
	position: absolute;
	font-size: 20px;
	top: 8.4vw;
	right: 4.13vw;
	
}
.while1{
	width: 82.4vw;
	height: 50vw;
	position: absolute;
	left: 8.8vw;
	top: 68vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
 .zhize{
	width: 27.2vw;
	height: 6.67vw;
	background-color: #1219b4;
	border-radius: 10vw;
	line-height: 6.67vw;
	color: #FFFFFF;
	margin-top: 1vw;
	padding-left: 6vw;
	position: absolute;
	float: left;
	left: 2vw;
	top: 3vw;
}
.page3-text1{
	color: skyblue;
	line-height: 5vw;
}
.orange2{
	width: 82.4vw;
	height: 16.53vw;
	position: absolute;
	left: 9vw;
	top: 120vw;
	background: #ff845e;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.while2{
	width: 82.4vw;
	height: 50vw;
	position: absolute;
	left: 8.8vw;
	top: 137vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.page4{
	width: 100vw;
	height: 100vh;
	background: url(../img/bg2.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
}
.page4-title{
	width: 67.2vw;
	height: 22.27vw;
	background: url(../img/education.png); 
	position: absolute;
	left: 8.8vw;
	top: 22.27vw;
	background-size: cover;
}
.orange3{
	width: 82.4vw;
	height: 15.6vw;
	position: absolute;
	left: 8.4vw;
	top: 57.47vw;
	background: #ff845e;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.worktitlie4{
	color: #FFFFFF;
	position: absolute;
	font-size: 17px;
	top: 3vw;
	left: 4.67vw;
}
.worktitlie5{
	color: #FFFFFF;
	position: absolute;
	font-size: 17px;
	top: 9.8vw;
	left:4.67vw;
}
.page4-while{
	width: 82.4vw;
	height: 86.13vw;
	position: absolute;
	left: 8.8vw;
	top: 74.93vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.page4-text1{
	line-height: 6vw;
	color: skyblue;
}
.page4-text2{
	line-height: 6vw;
	color: skyblue;
}
.page5{
	width: 100vw;
	height: 100vh;
	background: url(../img/bg2.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
}
.page5-title{
	width: 45vw;
	height: 22vw;
	background: url(../img/receive.png); 
	position: absolute;
	left: 9vw;
	top: 23vw;
	background-size: cover;
}
.page5-massage{
	width: 82vw;
	height:110vw;
	position: absolute;
	left: 9vw;
	top: 51vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.page5-row{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.point1::backdrop{
	content: "";
	position: absolute;
	width: 1.33vw;
	height: 1.33vw;
	background: #ff1980;
	border-radius: 50%;
	left: 4vw;
	top: 3.2vw;
}
.point1::before{
	content: "";
	position: absolute;
	width: 1.33vw;
	height: 1.33vw;
	background: #ff1980;
	border-radius: 50%;
	left: 4vw;
	top: 3.2vw;
}
.honer{
	width: 30vw;
	height: 7.73vw;
	background-color:black;
	border-radius: 5%;
	line-height: 8vw;
	color: #FFFFFF;
	padding-left: 7vw;
	position: relative;
	float: left;
}
.book{width: 30vw;
	height: 7.73vw;
	background-color: black;
	border-radius: 5%;
	line-height: 8vw;
	color: #FFFFFF;
	padding-left: 7vw;
	position: absolute;
	bottom: 48vw;
	float: left;}
.honer-a{
	width: 33vw;
	height: 24vw;
	background: url(../img/honor.png); 
	position: absolute;
	left: 7vw;
	top: 23vw;
	background-size: cover;
	
}
.honer-b{
	width: 33vw;
	height: 24vw;
	background: url(../img/honor.png); 
	position: absolute;
	right: 7vw;
	top: 23vw;
	background-size: cover;
}
.book-a{
	width: 23vw;
	height: 32vw;
	background: url(../img/certificate.png); 
	position: absolute;
	left: 7vw;
	top: 70vw;
	background-size: cover;
}
.book-b{
	width: 23vw;
	height: 32vw;
	background: url(../img/certificate.png); 
	position: absolute;
	left: 30vw;
	top: 70vw;
	background-size: cover;
}
.book-c{
	width: 23vw;
	height: 32vw;
	background: url(../img/certificate.png); 
	position: absolute;
	right: 7vw;
	top: 70vw;
	background-size: cover;
}
.page6{
	width: 100vw;
	height: 100vh;
	background: url(../img/bg2.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
}
.page6-title{
	width: 63vw;
	height: 22vw;
	background: url(../img/self.png); 
	position: absolute;
	left: 9vw;
	top: 22vw;
	background-size: cover;
}
.page6-text{
	line-height: 5vw;
	color: skyblue;
	position: absolute;
	margin-top:2vw;
	
}
.page6-massage{
	width: 82vw;
	height:103vw;
	position: absolute;
	left: 9vw;
	top: 51vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.page7{
	width: 100vw;
	height: 100vh;
	background: url(../img/bg2.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
}
.page7-title{
	width: 45vw;
	height: 22vw;
	background: url(../img/personal.png); 
	position: absolute;
	left: 9vw;
	top: 23vw;
	background-size: cover;
}
.page7-massage{
	width: 82vw;
	height:140vw;
	position: absolute;
	left: 9vw;
	top: 51vw;
	background: #FFFFFF;
	padding: 8vw;
	box-sizing: border-box;
	border-radius: 2%;
}
.text{
	width: 60vw;
	height: 120vw;
	border-radius: 1vw;
	line-height: 8vw;
	color: skyblue;
	padding-left: 4vw;
	position: absolute;
	margin-top:-10vw;
	float: left;
}
#c{
	list-style: -moz-amharic;
	color: skyblue;
	font-size: 18px;
	font-style: unset;
}
.draw{
	width: 20vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1vw;
	line-height: 8vw;
	color: #FFFFFF;
	padding-left: 7vw;
	position: relative;
	float: left;
}
.speak{
	width: 20vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1vw;
	line-height: 8vw;
	color: #FFFFFF;
	padding-left: 7vw;
	position: relative;
	float: left;
}
.phone{
	width: 20vw;
	height: 7.73vw;
	background-color: #1219b4;
	border-radius: 1vw;
	line-height: 8vw;
	color: #FFFFFF;
	padding-left: 7vw;
	position: relative;
	float: left;
}

.page8{
	width: 100vw;
	height: 100vh;
	background: url(../img/bg2.png) no-repeat center/cover;
	padding: 1px;
	position: relative;
}
.page8-title{
	width: 53vw;
	height: 22vw;
	background: url(../img/contact.png); 
	position: absolute;
	left: 8vw;
	top: 22vw;
	background-size: cover;
}
.page8-ewm{
	width: 34vw;
	height: 60vw;
	background: url(../img/ewm.png); 
	position: absolute;
	left: 32vw;
	top: 60vw;
	background-size: cover;
}
 .page8-email{
	width: 83vw;
	height: 11vw;
	background-color: black;
	border-radius: 1vw;
	line-height: 11vw;
	color: #FFFFFF;
	padding-left: 10vw;
	left: 8vw;
	top: 145vw;
	position: relative;
	float: left;
}
 .page8-tel{
	width: 83vw;
	height: 11vw;
	background-color: black;
	border-radius: 1vw;
	line-height: 11vw;
	color: #FFFFFF;
	padding-left: 10vw;
	left: 8vw;
	top: 134vw;
	position: relative;
	float: left;
}
.point1::before{
	content: "";
	position: absolute;
	width: 1.33vw;
	height: 1.33vw;
	background: #ff1980;
	border-radius: 50%;
	left: 3vw;
	top: 5vw;
}

